<?xml version="1.0" encoding="UTF-8" ?>
<%@page import="com.baoyanghui.common.InterfaceAccess"%>
<%@page import="com.baoyanghui.config.Configs"%>
<%@page import="com.baoyanghui.common.Utils"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% 
	String errorMessage = (String)session.getAttribute("error_message"); 
	session.removeAttribute("error_message");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<title>宝养汇</title>
		<script type="text/javascript" src="./js/jquery.js"></script>
		<script type="text/javascript" src="./js/login.js"></script>
		<script type="text/javascript" src="./js/index.js"></script>
	</head>
	<body onload="saveWSContextPath('<%= request.getContextPath() %>', '<%= InterfaceAccess.InterfaceContext %>');">
		<jsp:include page="common/header.jsp"></jsp:include>
		<div align="left" id="div_content" style="position: relative; z-index: 999; padding-top: 60px;">
			<div style="overflow: hidden; width: 667px; height: 5px; background: url('<%= request.getContextPath() %>/image/bg_round_top.png');"></div>
			<div style="width: 667px; height: 340px; background: #cbcbcb;">
				<div style="height: 80px; padding-top: 25px;">
					<img src="<%= request.getContextPath() %>/image/icon_near.png" alt="" style="float: left; margin: 0px 15px;"/>
					<div style="float: left; height: 80px; width: 500px;">
						<h2><a class="blue" href="customer/near.jsp">附 近</a></h2>
						<span>查询您身边的汽修店、停车场、加油站等信息，并能看到用户对该商家的评价。</span>
					</div>
					<div style="clear: both;"></div>
				</div>
				<div style="overflow: hidden; width: 500px; height: 2px; margin-left: 95px; background: url('<%= request.getContextPath() %>/image/line_gray_white.png');"></div>
				<div style="height: 80px; padding-top: 25px;">
					<img src="<%= request.getContextPath() %>/image/icon_publish.png" alt="" style="float: left; margin: 0px 15px;"/>
					<div style="float: left; height: 80px; width: 500px;">
						<h2>养车比价</h2>
						<span>您可以在这里发布求保养的信息，商家看到您的信息后会与您取得联系，提供报价，您可以进行比价筛选。</span>
					</div>
					<div style="clear: both;"></div>
				</div>
				<div style="overflow: hidden; width: 500px; height: 2px; margin-left: 95px; background: url('<%= request.getContextPath() %>/image/line_gray_white.png');"></div>
				<div style="height: 80px; padding-top: 25px;">
					<img src="<%= request.getContextPath() %>/image/icon_request.png" alt="" style="float: left; margin: 0px 15px;"/>
					<div style="float: left; height: 80px; width: 500px;">
						<h2><a class="blue" href="customer/release_request.jsp">发布供求</a></h2>
						<span>您可以在这里发布拼车、二手车、代驾、求助等信息。</span>
					</div>
					<div style="clear: both;"></div>
				</div>
			</div>
			<div style="width: 667px; height: 5px; background: url('<%= request.getContextPath() %>/image/bg_round_bottom.png');"></div>

			<form id="frm_login" action="<%= request.getContextPath() %>/customer/login" method="post"
				style="padding-top: 40px;">
				<input type="text" name="user_id" id="user_id" maxlength="20"  align="middle"
					style="width: 225px; height: 50px; font-size: 26pt; border: none; background: url('image/bg_top_username_text.png');"/>
				<input type="password" name="password" id="password" maxlength="20" align="middle"
					style="width: 225px; height: 50px; margin-left: 25px; font-size: 26pt; border: none; background: url('image/bg_top_password_text.png');"/>
				<img id="btn_login" class="fade_effect" src="image/btn_login.png" align="top"
					style="margin-left: 25px; cursor: pointer;"/><br/>
				<a class="blue" href="<%= request.getContextPath() %>/customer/forget.jsp" style="font-size: 16pt; margin-left: 270px;">忘记密码?</a>
				<a class="blue" href="javascript:showCustomerRegister();" style="font-size: 16pt; margin-left: 160px;">注册</a><br/>
				<span id="error_message"><%= errorMessage == null ? "" : errorMessage %></span>
			</form>
		</div>
		<div align="center" style="width: 100%; position: absolute; top: 85px;">
			<div style="width: 960px;">
				<div align="center" style="width: 270px; float: right; position: relative; z-index: 1000;">
					<img width="252px" src="image/app_preview.png" alt="" /><br/>
					<img class="pointer fade_effect" width="130px" src="image/btn_iphone.png" alt="" style="cursor: pointer;"/>
					<img class="pointer fade_effect" width="130px" src="image/btn_android.png" alt=""  style="cursor: pointer;"/>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<jsp:include page="common/footer.jsp"></jsp:include>
	</body>
</html>